window.onload = function(){
    let video = document.querySelector("video");
    let play = document.querySelectorAll(".controls img")[0];
    let stop = document.querySelectorAll(".controls img")[1];
    let fast = document.querySelectorAll(".controls img")[2];
    let loop = document.querySelectorAll(".controls img")[3];
    let volume = document.querySelector(".controls input");
    let footer = document.querySelector("footer");


    // 点击播放按钮
    let flag  = true;
    play.onclick = function(){
        if(flag){
            // 开关 取反
            flag = false;
            // 视频播放
            video.play();
            // 换对应图标
            play.src = "./img2/pause(2).png";
            // 追加显示内容
            footer.innerHTML += `视频已经开始播放，请注意观看！${(new Date()).toLocaleString()}<br>`
        }else{
            // 开关 取反
            flag = true;
            // 视频暂停
            video.pause();
            // 换对应图标
            play.src = "./img2/play.png"
            // 追加显示内容
            footer.innerHTML += `视频已经暂停播放，请注意休息！${(new Date()).toLocaleString()}<br>`
        }
    }
    // 停止：没有直接停止的代码 停止==暂停+时间归零
    stop.onclick = function(){
        // 视频停止
        video.pause()
        video.currentTime = 0
        // 修改播放按钮：恢复初始状态
        flag= true;
        play.src = "./img2/play.png"
        // 显示文字
        footer.innerHTML += `视频已经停止播放，请注意休息！${(new Date()).toLocaleString()}<br>`
    }
    // 加速
    fast.onclick = function(){
        video.defaultPlaybackRate += 0.2
    }
    // 设置循环播放
    loop.onclick = function(){
        if(video.loop){
            video.loop = false;
            loop.src = "./img2/loop.png"
        }else{
            video.loop = true;
            loop.src = "./img2/loop(1).png"
        }
    }
    // 设置音量
    volume.oninput = function(){
        video.volume = this.value / 100
    }
}